<template>
</template>

<script>
</script>

<style>
</style><template>
<!-- 	 <view class="node-tab">
	        <view class="tab-item" :class="[currentTab == '11' ? 'active' : '']" :data-current="11" @click="changeNav()">全部</view>
	        <view class="tab-item" :class="[currentTab == 1 ? 'active' : '']" :data-current="1" @click="changeNav()">待付款</view>
	        <view class="tab-item" :class="[currentTab == 2 ? 'active' : '']" :data-current="2" @click="changeNav()" >待发货</view>
	        <view class="tab-item" :class="[currentTab == 3? 'active' : '']" :data-current="3" @click="changeNav()"  >待收货</view>
	        <view class="tab-item" :class="[currentTab == 4? 'active' : '']" :data-current="4" @click="changeNav()" >已完成</view>
			
			
	    </view> -->
		
		
			<view>
					
					   <!-- 底部弹窗 -->
					      <regional-selection
					        :show="showSelection"
					        :maskClosable="true"
					        @chooseCancel="chooseCancel"
					      ></regional-selection>
						<button @tap="open()">开启</button>
				</view>
	
</template>

<script>
	import pop from "@/components/pop/pop";
	export default {
		 components: {
		    "regional-selection": pop,
		  },
		data() {
			return {
				currentTab:11,
				showSelection: false,
				      title: "弹窗标题",
				     
			}
		},
		onHide(){
				this.showSelection=false
		},
		methods: {
			//　开启
			open(){
				this.showSelection=true
			},
			//关闭
			chooseCancel(event) {
				this.showSelection=false
			  console.log("click cancel",event);
			}
		}
	}
</script>

 
<style>



.node-tab{
  background-color: #ffff;
  height:88rpx;
  font-size:28rpx;
  line-height: 88rpx;
  display: flex;
}
.node-tab .tab-item{
  flex:1;
  text-align: center;
  color: #666;
}
.node-tab .active{
  color: #ff6700;
  position: relative;
}
.node-tab .active::before{
  position:absolute;
  content: " ";
  bottom:10rpx;
  left: 50%;
  transform: translateX(-50%);
  width: 30rpx;
    height: 6rpx;
    background-color: #ff6700;
    border-radius: 3rpx;
}


</style>
